<%-- 
    Document   : ReservaArea
    Created on : 05-ago-2010, 2:11:09
    Author     : HP
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <%@include file="ScriptReferences.html" %>

        <style type="text/css">

/*Custom CSS for the sview.blankHTML porperty */
.custom_image_addNewEvent_scheduler{cursor:pointer;	padding-top: 15px;	padding-right: 5px;	padding-bottom: 5px;	padding-left: 5px;}
.custom_text_addNewEvent_scheduler{font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	color: #FFFFFF;	text-decoration: none;	text-align: center;	padding: 3px;}
.test_taskovercss{ background-image:url(images/task_over_001.png); background-repeat:repeat-y; color:#FFFFFF;}
.test_taskovercss_b{ background-color:#999999;color:#FFFFFF;background-image: url(images/__header_background_001.png);	background-repeat: repeat-y;}
.test_taskovercss_sched{ background-image:url(images/header_background_002.png); background-repeat:repeat-x; color:#FFFFFF;}
.test_taskovercss_sched_b{ background-image:url(images/header_background_001.png); background-repeat:repeat-x; color:#FFFFFF;}
.holiday{height:16px; background-image: url(imgs_test/cake.png);	background-repeat: no-repeat;background-position: left 2px;	text-indent: 18px;}

.maintitle {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;color: #003366;}
.mainsubtitle {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;color: #003366;}
.main_notes{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;}
.task_time {background-image: url(imgs/clock.png);}
.task_time_off {background-image:url(imgs/clock_red.png);}
#samplebox #sampleboxtitle {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;color: #FFFFFF;	background-color: #003366;padding: 3px;}
#samplebox {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
#samplebox .textsample{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}
.settings_monthview {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF;	background-color: #006633;padding:4px;font-weight: bold; cursor:pointer;}
.settings_overview  {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF; background-color: #006699;padding:4px;font-weight: bold;cursor:pointer;}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
</style>
<link rel="stylesheet" type="text/css" href="Script/extJS/calendar/calendar.css">
<script type="text/javascript" src="Script/extJS/calendar/e2cs_pack_0.0.16.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/locale/e2cs_es.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/source/calendar.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/source/monthview.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/source/weekview.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/source/dayview.js"></script>
<script type="text/javascript" src="Script/extJS/calendar/source/task.js"></script>
<script  src="Script/js/ReservaArea.js"></script>
    </head>
     <%@include file="LoadingMask.html" %>
    <body>
        <div id="wrap">
            <%@include file="Header.html" %>
            <%@include file="Login.html" %>
                <!-- content-wrap starts -->
                <div id="content-wrap" class="two-col"  >
               <%@include file="PanelOpciones.html" %>
                        <div id="main">

                            <table>
                                <tr><td colspan="2"><br/> <center><B>BUSCA UNA FECHA Y RESERVA TU AREA</B></center> <br/>   </td><td></td></tr>
                                <tr><td colspan="3">
                                      
                                       <div id="calendar"></div>
                                    </td></tr>

                            </table>


                        </div>
                <!-- content-wrap ends-->
                </div>
            <%@include file="Footer.html" %>
        <!-- wrap ends here -->
        </div>
    </body>
</html>